<template>
  <div>
    <div class="topbig">
      <p class="cha">&emsp;&emsp;查询</p>
      <div class="sou">
        &emsp;&emsp;&emsp;&emsp;搜索&emsp;<el-input v-model="input" placeholder="输入菜品名称进行搜索" class="shuru"></el-input>
       </div>
    </div>
  </div>
</template>

<script>
export default {
    data(){
        return{
             input: '',
        }
    }
}
</script>

<style scoped>
.topbig {
  width: 100%;
  height: 145px;
  border: 1px solid #ccc;
}
.cha {
  display: flex;
  align-items: center;
  height: 45%;
  background-color: #ccc;
}
.sou {
  font-size: 10px;
  height: 55%;
  display: flex;
  align-items: center;
}
.shuru{
  width: 300px;
}
</style>